

*{margin: 0;padding: 0;}
html,body{width: 100%;font-size: 16px;}
.clearfix:after{content: "";display: block;clear: both;}
/*头部导航栏*/
.container{min-width: 992px;margin: auto;}
.l_header{width: 100%;height: 33px;border-bottom: 1px solid rgb(238,238,238);background: rgb(249,249,249);}
.l_header .l_header_left{float: left;}
.l_header span{font-size: 0.6em;font-weight: 300;line-height: 32px;color: #666666;font-family: microsoft yahei;}
.l_header .l_header_left span:nth-child(2){color: #E31939;cursor: pointer;}
.afterLogin_nickname{cursor: pointer;}
.l_header .l_header_right{float: right;position: relative;top: 0px;}
.l_header .l_header_right div{display: inline-block;height: 32px;margin-left: 5px;}
.navSpanHover{position: absolute;display: none;margin-left: -1px;}
.navSpanHover li{display: block;}
.navSpan:nth-child(6) .navSpanHover li{display: inline;}
.navSpanHover li a{color: rgb(61,61,61);text-decoration: none;font-size: 0.6rem;}
.navSpanHover p{margin-bottom: 0;font-size: 0.8rem;}
.navSpan{border: 1px solid rgb(250,250,250);cursor: pointer;}
.navSpan:nth-child(1) .navSpanHover{width: 95px;height: 50px;text-align: center;z-index: 100;line-height: 25px;border: 1px solid rgb(238,238,238);border-top: 0px;background: white;}
.navSpan:nth-child(1):hover{background: white;border: 1px solid rgb(238,238,238);border-bottom: none;border-top: 0;}
.navSpan:nth-child(4) .navSpanHover{width: 95px;height: 50px;text-align: center;z-index: 100;line-height: 25px;border: 1px solid rgb(238,238,238);border-top: 0px;background: white;}
.navSpan:nth-child(4):hover{background: white;border: 1px solid rgb(238,238,238);border-bottom: none;border-top: 0;}
.navSpan:nth-child(6) .navSpanHover{width: 110px;height: 130px;text-align: left;z-index: 100;line-height: 25px;border: 1px solid rgb(238,238,238);border-top: 0px;background: white;margin-left: -44px;padding: 0% 5%;}
.navSpan:nth-child(6):hover{background: white;border: 1px solid rgb(238,238,238);border-bottom: none;border-top: 0;}
.navSpan:hover .navSpanHover{display: block;}
.navSpanHover li a:hover{color: #D22B2B;text-decoration: underline;}
.l_header .l_header_right div:nth-child(2) span,.l_header .l_header_right div:nth-child(3) span{color: #E31939;}
/*右侧导航栏*/

.right_fix{width: 37px;height: 100%;background: #37383c;position: fixed;right: 0px;top: 0;z-index: 100;}
.littleImg{margin-top: -190px;position: absolute;top: 48%;left: 0;z-index: 1000;}
.slideCon{width: 270px;height: 100%;position: fixed;right: -270px;top: 0;background: rgb(240,240,240);z-index: 10;position: fixed;}
.slideBan{width: 37px; height: 34px;margin-bottom: 10px;cursor: pointer; z-index: 100;}
.slideBan:nth-child(3){width: 37px; height: 130px;margin-bottom: 10px;}
.setting{display:inline-block;width: 37px;height: 30px;background: url(../../img/common-icon.png) -318px 5px no-repeat;}
.bonus{display:inline-block;width: 37px;height: 30px;background: url(../../img/common-icon.png) -357px -118px no-repeat;}
.cart{display:inline-block;width: 37px;height: 22px;background: url(../../img/common-icon.png) -319px -30px no-repeat; margin-top: 8px;}
#littlecar{width: 16px;display: block;height: 48px;margin-left: 12px;color: white;}
.littlegoodnum{width: 20px;height: 20px;display: block;border-radius: 50%;background: #E31939;text-align: center;line-height: 20px;margin: 10px 0 0 8px;color: #fff;}
.seen{width: 37px;height: 30px;display:inline-block;background: url(../../img/common-icon.png) -317px -118px no-repeat;}
.hearts{width: 37px;height: 30px;display:inline-block;background: url(../../img/common-icon.png) -317px -56px no-repeat;}
.collect{width: 37px;height: 30px;display:inline-block;background: url(../../img/common-icon.png) -317px -88px no-repeat;}
.slideBan:hover{	background: #D22B2B;}
.slideBan:hover .littlegoodnum{background: white; color: red;transition: 0.5s;}
.slideBan1{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;top: 0px;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan1{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.5s;color: white;border-radius: 4px;}
.slideBan2{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;top: 43.9px;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan2{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.5s;color: white;border-radius: 4px;}
.slideBan3{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;top: 228px;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan3{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.5s;color: white;border-radius: 4px;}
.slideBan4{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;top: 271.9px;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan4{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.5s;color: white;border-radius: 4px;}
.slideBan5{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;top: 315.9px;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan5{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.4s;color: white;border-radius: 4px;}
/*遮造的用户登录页面*/
.userLogin{width:100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);z-index: 12;}
.box {width: 349px;position: relative;z-index: 0 !important;height: 100%;}
.loginBox {width: 357px;position: absolute;top: 30%;right: 30%;background: white;border-radius: 3px;}
.noLogin{width: 100%;height: 36px;line-height: 36px;background: #f7f7f7;}
.noLogin span:nth-child(1){position: absolute;left: 10px;}
.noLogin span:nth-child(2){cursor: pointer;position: absolute;right: 10px;top: 10px;width: 13px;height: 13px;background: url(../../img/common-icon.png) -41px -44px no-repeat;}
.topstyle{font-size: 0;padding: 5px 0;border-bottom: 1px solid rgb(244,244,244);}
.changestyle,.fast{font-size: 1.3rem;padding: 10px 0;width:50%;display: inline-block;text-align: center;color: #666;}
.changestyle span,.fast span{ display: block; height: 18px; line-height: 18px; width: 100%; cursor: pointer; color: #666; } 
.changestyle span{ border-right: 1px solid rgb(244,244,244); } 
.passlogin{ width: 100%; text-align: center; font-size: 2em; color: #d22b2b; padding: 10px 0 10px; } 
.box-display{ width: 349px; height: 315px; overflow: hidden; } 
.boxcontent{ width: 698px; transform: translateX(-349px); transition: 1s; } 
.boxcontent:after{ content: ""; display: block; clear: both; } 
.account-login,.qr-code{ width: 50%; text-align: center;} 
.account-login{ background: white; float: right; } 
.qr-code{ float: left; background: white; padding: 30px 0 12px; position: relative; } 
.code-img{ width: 200px; height: 200px; margin: auto; border: 1px solid #F7F7F7; }
.qr-code p{ font-size: 0.8rem; padding: 15px 0 20px; } 
.qr-code p a{ color: red; } 
.qw-login{ position: absolute; bottom: 10px; right: 25px; } 
.qw-login span:nth-child(1){ margin-right: 10px; } 
.qw-login span a{ font-size: 0.8rem; color: #666; }
.qw-login span a:hover{ color: #b61d1d; } 
.inputgroup{ padding: 30px 0; text-align: center; } 
.input-group-addon{ background: transparent !important; padding: 3px 10px !important; }
.input-group-addon span{ display: inline-block; width:20px; height: 20px; } 
.user_icon{ background: url(../../img/user-icon.png) 0px -16px no-repeat; } 
.lock{ background: url(../../img/user-icon.png) 0px -36px no-repeat; }
.input-group{ width: 90%; margin: auto; padding: 10px 0; } 
.checkbox{ width: 90%; margin: 10px auto 20px; font-size: 0.8rem; } 
.checkbox:after{ content: ""; display: block; clear: both; }
.checkbox label{ float: left; } 
.checkbox-input{margin: 5px 10px !important;} 
.rememberpass{margin: 0px 30px; font-size: 0.8rem;}
.checkbox a{ float: right; color: #444; text-decoration: none; cursor: pointer; }
.checkbox a:hover{color: #D22B2B;}
#loginbtn{width: 90%;margin: auto;background: #D22B2B;}
.otherlogin{ width: 90%; margin: auto; background: rgb(252,252,252); padding: 20px 0; }
.otherlogin:after{ content: ""; display: block; clear: both; } 
.other_login{ float: left; font-size: 0.8rem; margin-top: 2px; }
.line{ color: #ccc; padding: 0 10px; }
.other_login span a{ color: #666; font-size: 0.8rem; display: inline-block; vertical-align: middle; padding-left: 5px; }
.other_login span a:hover{ color: #b61d1d; }
.quickregist{ float: right; }
.regist_ico{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../../img/login-ico.png); }
.regist_link{display: inline-block;vertical-align: middle;color: #D22B2B;font-size: 0.9rem;}
.regist_link:hover{ color: #b61d1d; text-decoration: underline; }
/*红包*/
.redPaper,.shoppingCar,.mine{height: 100%;}
.redPaper span:nth-child(1){display: inline-block;vertical-align: middle;width: 25px;height: 23px;background: url(../../img/common-icon.png) -365px -150px no-repeat;margin: 10px 8px;}
.fonta{display: inline-block;vertical-align: middle;font-size: 0.9rem;width: 100px;}
.closeBtn{vertical-align: middle;display: inline-block;width: 16px;height: 16px;background: url(../../img/common-icon.png) -427px -38px no-repeat;margin-top: 3px;margin-left: 37%;transition:All 0.4s ease-in-out;}
.loadingImg{width: 100%;text-align: center;margin-top: 114%;line-height: 30px;font-size: 0.8rem;}
.loadingImg a{color: #D22B2B;}
/*购物车*/
.shopIcon{display: inline-block;vertical-align: middle;width: 25px;height: 23px;background: url(../../img/common-icon.png) -362px -92px no-repeat;margin: 10px 8px;}
/*购物车数据库获取的数据*/
.shopData{width: 100%;}
.shopData li{width: 100%;padding: 10px;background: white;margin-bottom: 10px;}
.shopData li div:nth-child(1){width: 60px;height: 60px;float: left;}
.shopData li div:nth-child(1) img{width: 100%;height: 100%;}
.shopData li div:nth-child(2){width: 72%;float: right;}
.shopData li div:nth-child(2) a{color: #282828;text-decoration: none;line-height: 18px;font-size: 0.6rem;}
.shopData li div:nth-child(2) p span:nth-child(1){color: #D32B2B;}
.infoHover:hover{color: #D32B2B;text-decoration: underline;}
.dele{font-weight: 500;margin-left: 50%;color: #0044CC;display: none;transition: 0.4s;}
.shopinfo:hover .dele{display: inline-block;}
/*我的足记*/
.mine span:nth-child(1){display: inline-block;vertical-align: middle;width: 25px;height: 23px;background: url(../../img/common-icon.png) -362px -60px no-repeat;margin: 10px 8px;}
.closeBtn:hover{transform:rotate(360deg);}
/*我的足记数据库获取的数据*/
.mineData li{width: 115px;height: 135px;text-align: center;display: inline-block;margin-left: 11px;background: white;}
.mineData li img{width: 90%;height: 78%;margin-top: 6px;}
.mineData li b{color: #D32B2B;}
/*头部样式*/
.l_main{width: 100%;margin-top: 2%;position: relative;}
.l_bigInput{height: 32px;border: 2px solid#E31939;display: inline-block;width: 45%;position:absolute;left: 35%;top:20%}
.l_bigInput span{height: 100%;width: 20%;background: #E31939;float: right;color: white;font-size:1.2em;font-weight:bold ;font-family: microsoft yahei;line-height: 28px;text-align: center;}
.l_bigInput input{height: 100%;width: 80%;border: 0px;outline: none;}
.l_ul{position: absolute;left: 35%;margin-top: -0.5%;}
.l_ul span{color:#999;}
.container .wp .macth_xv_categorys .macth_xv_cat_catlist{display:block;}
 .macth_xv_categorys:hover .macth_xv_cat_catlist{display: block;}
.l_header_right div{position: relative;}
.userinfo-ico{position: absolute;top: 16px;right: 0;display: inline-block;width: 11px;height: 11px;background: url(../../img/common-icon.png) 0 -80px no-repeat;}
.l_header_right div span{display: inline-block;vertical-align: middle;line-height: 32px;padding-left: 5px;}
.att-shop{width: 15px;height: 15px;background: url(../../img/common-icon.png) -290px -23px no-repeat;}
.shop-car{width: 15px;height: 15px;background: url(../../img/common-icon.png) -293px -1px no-repeat;}

/*返回顶部*/
.slideBan:nth-child(7){position:fixed;bottom:10px;display: none;}
.backtop{display:inline-block;background: url(../../img/top.png) no-repeat;width: 22px;height: 22px;left: 7px;bottom: 7px;position: absolute;}
.slideBan6{display: inline-block;width: 0px;height: 34px;position: absolute;right: 30px;bottom:0;line-height: 35px;font-size: 0px;text-align: center;overflow: hidden;}
.slideBan:hover .slideBan6{background: #D22B2B;width: 70px;font-size: 0.5rem;transition: width 0.5s;color: white;border-radius: 4px;}
.succeed{position: fixed;background: rgba(0,0,0,0.5);font-size: 2rem;font-weight: bold;left: 49%;top: 48%;width: 200px;height: 80px;border-radius: 10px;line-height: 80px;text-align: center;color: white;opacity: 0;}